page{
	background-color: #eee;
}
.top{
	background: url('../../static/images/home_back.png')no-repeat;
	background-size:  100% 346rpx;
	padding: 0 32rpx;
	.top-tit{
		font-size: 34rpx;
		color: #fff;
		text-align: center;
		padding-top: 58rpx;
	}
}
.top-item{
	margin-top: 50rpx;
	display: flex;
	justify-content: space-between;
	.addres{
		color: #fff;
		font-size: 26rpx;
		.icon-dizhi{
			font-size: 26rpx;
		}
	}
	.server{
		border-radius: 18rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		input{
			font-size: 18rpx;
			color: #000000;
		}
		.icon-sousuo{
			padding-left: 20rpx;
			padding-right: 10rpx;
			font-size: 20rpx;
		}
	}
}
.function{
	margin-top: 28rpx;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	border-radius: 16rpx;
	padding: 40rpx 0;
}
.icon-wodejiaofei{
	
	margin: 0 auto;
	width: 76rpx;
	height: 76rpx;
	line-height: 76rpx;
	text-align: center;
	border-radius: 10rpx;
	background-color: #4f86ed;
	color: #fff;
	font-size: 54rpx;
}
.fun-tit{
	font-size: 25rpx;
	color: #282828;
	padding-top: 8rpx;
}
.icon-baoxiu{
	
	margin: 0 auto;
	width: 76rpx;
	height: 76rpx;
	line-height: 76rpx;
	text-align: center;
	border-radius: 10rpx;
	background-color: #71b78b;
	color: #fff;
	font-size: 54rpx;
}
.icon-wentifankui{
	
	margin: 0 auto;
	width: 76rpx;
	height: 76rpx;
	line-height: 76rpx;
	text-align: center;
	border-radius: 10rpx;
	background-color: #e39e5e;
	color: #fff;
	font-size: 54rpx;
}
.icon-xiaoxi{
	
	margin: 0 auto;
	width: 76rpx;
	height: 76rpx;
	line-height: 76rpx;
	text-align: center;
	border-radius: 10rpx;
	background-color: #4f86ed;
	color: #fff;
	font-size: 54rpx;
}

.dig{
	margin-top: 24rpx;
	padding: 0 32rpx;
	background-color: #fff;
}
// 头条
.Headlines{
	.hrad{
		padding-top: 32rpx;
		display: flex;
		justify-content: space-between;
		.h-left{
			display: flex;
			align-items: center;
			.icon-toutiao{
				font-size: 38rpx;
				color: #56a6fc;
			}
			.icon-yuyinzuo{
				font-size: 30rpx;
				color: #ffc147;
			}
			.h-tit{
				font-size: 26rpx;
				color: #303130;
				padding-left: 22rpx;
				width: 370rpx;           /* 设置容器的宽度 */
				overflow: hidden;       /* 隐藏溢出的内容 */
				text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
				white-space: nowrap;    /* 防止文本换行 */
			}
		}
		.icon-hongdian{
			padding-right: 16rpx;
			color: #ff0015;
			font-size: 40rpx;
		}
		.h-right{
			display: flex;
			align-items: center;
			font-size: 28rpx;
			color: #1f201f;
			
			.icon-right-1-copy{
				padding-left: 14rpx;
				color: #9c9c9b;
				font-size: 22rpx;
			}
		}
	}
	
	.h-img{
		margin-top: 36rpx;
		image{
			width: 100%;
			height: 252rpx;
		}
	}
}
// 生活门店
.life{
	margin-top: 48rpx;
	.l-tit{
		font-size: 34rpx;
		color: #030303;
	}
	.l-img{
		margin-top: 50rpx;
		display: flex;
		justify-content: space-around;
		image{
			width: 46%;
			height: 204rpx;
		}
	}
}

// 资讯
.information{
	padding-bottom: 20rpx;
	margin-top: 78rpx;
	.in-tit{
		font-size: 34rpx;
		color: #040404;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.icon-right-1-copy{
			color: #979797;
			font-size: 26rpx;
		}
	}
	
	.in-box{
		margin-top: 40rpx;
		display: flex;
		justify-content: space-between;
		.in-left{
			
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.t-tit{
				font-size: 26rpx;
				color: #0f0f0f;
				padding-right: 80rpx;
			}
			.b-tit{
				color: #838383;
				font-size: 18rpx;
			}
		}
		.in-rig{
			image{
				width: 244rpx;
				height: 162rpx;
			}
		}
	}
}
